今天來認識UI (User Interface)，
頁面通常分成這些區域：

Header

公司的Logo幾乎都放在這裡。

也會放上註冊會員 以及search box等。

有些網站隨著頁面滾動會將header固定，
這樣其實蠻方便的，
如果頁面很常可以不用再滾到最上面。

nav (navigation)

再來是navigation，

可以用

<ul>
	<li><a href="#">女裝</li>
</ul>

或是用

<nav>
	<a href="#">女裝
</nav>

除此之外這邊有時候也會出現 breadcrumb，
通常用於顯示目前位置。

Sidebar

常常看到的就是分類項目。

也可用 List 來完成

<ul>
	<li>經典大學T，限時單件690</li>
</ul>

Content

就是主要的內容！

上方的廣告有時候可以看到Slide show，在 Bootstrap上叫做 Carousel 輪播，
幾張廣告不停的切換。
同一個區塊能夠放上許多廣告，或是活動訊息。

Footer

有些網站找不到footer，
像是Facebook、Youtube。
不斷的往下滾動，
只會一直出現舊的內容，

而footer提供一些公司資訊還有版權宣告。

除此之外，也有在底部提供大量網站連結導覽，
變成fat footer。不過不適合內容單純的網站。

明天試著來練習做做看吧